<template>
  <Poster :active="active" @close="posterClose" />
  <Girar :active="active" @close="girarClose" />
  <Download :active="active" @close="downloadClose" />
</template>

<script setup lang="ts">
import Poster from "./Poster.vue";
import Girar from "./Girar.vue";
import Download from "./Download.vue";

const systemStore = useSystemStore();

const active = ref(1);

function posterClose() {
  active.value = 2;
}

function girarClose() {
  active.value = 3;
}

function downloadClose() {
  active.value = 4;
  closeAll();
}

function closeAll() {
  setTimeout(() => {
    systemStore.changeShowInitPage(false);
  }, 1000);
}
</script>

<style scoped lang="scss"></style>
